<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业2</title>
</head>

<body>
    <table border="1px" align="center" cellspacing="0px" width="60%">
        <tr>
            <th>编号</th>
            <th>标题</th>
            <th>歌手</th>
            <th>时长</th>
            <th>播放</th>
        </tr>
        <tr align="center">
            <td>1</td>
            <td>唐人</td>
            <td><a href="https://baike.baidu.com/item/%E8%A6%83%E6%B2%90%E6%9B%A6/2582347?fr=aladdin"
                    target="_blank">覃沐曦</a></td>
            <td>03:44</td>
            <td><audio src ="audio/唐人.mp3" controls></audio></td>
        </tr>
        <tr align=" center">
            <td>2</td>
            <td>漂洋过海来看你</td>
            <td><a href="https://baike.baidu.com/item/%E5%91%A8%E6%B7%B1/15089196?fr=aladdin" target="_blank">周深</a>
            </td>
            <td>03:03 </td>
            <td><audio src ="audio/漂洋过海来看你.mp3" controls></audio></td>
        </tr>
        <tr align="center">
            <td>3</td>
            <td>小幸运</td>
            <td><a href="https://baike.baidu.com/item/%E7%94%B0%E9%A6%A5%E7%94%84?fromModule=lemma_search-box"
                    target="_blank">田馥甄</a></td>
            <td> 04:17</td>
            <td><audio src ="audio/小幸运.mp3" controls></audio></td>
        </tr>
        <tr align="center">
            <td>4</td>
            <td>Excitant</td>
            <td><a href="https://baike.baidu.com/item/%E6%88%90%E9%A9%B0%E6%B4%8B?fromModule=lemma_search-box"
                    target="_blank">成驰洋</a></td>
            <td>03:30</td>
            <td><audio src ="audio/Excitant.mp3" controls></audio></td>
        </tr>

    </table>
</body>

</html>